<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Repute</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<header>
		<div class="nav-top">
			<nav class="navbar navbar-expand-lg navbar-light bg-light bg-white p-0 position-fixed">
				<div class="container">
				  <a class="navbar-brand" href="#">
					<img src="images/logo.png" alt="">
				  </a>
				  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				    <span class="navbar-toggler-icon"></span>
				  </button>

				  <div class="collapse navbar-collapse" id="navbarSupportedContent">
				    <ul class="navbar-nav ml-auto">
				      <li class="nav-item dropdown active">
				        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				          HOME
				        </a>
				        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
				          <a class="dropdown-item" href="#">Action</a>
				          <a class="dropdown-item" href="#">Another action</a>
				          <div class="dropdown-divider"></div>
				          <a class="dropdown-item" href="#">Something else here</a>
				        </div>
				      </li>
				      <li class="nav-item dropdown">
				        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				          FEATURES
				        </a>
				        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
				          <a class="dropdown-item" href="#">Action</a>
				          <a class="dropdown-item" href="#">Another action</a>
				          <div class="dropdown-divider"></div>
				          <a class="dropdown-item" href="#">Something else here</a>
				        </div>
				      </li>
				      <li class="nav-item dropdown">
				        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				          PAGES
				        </a>
				        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
				          <a class="dropdown-item" href="#">Action</a>
				          <a class="dropdown-item" href="#">Another action</a>
				          <div class="dropdown-divider"></div>
				          <a class="dropdown-item" href="#">Something else here</a>
				        </div>
				      </li>
				      <li class="nav-item dropdown">
				        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				          PORTEOLIO
				        </a>
				        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
				          <a class="dropdown-item" href="#">Action</a>
				          <a class="dropdown-item" href="#">Another action</a>
				          <div class="dropdown-divider"></div>
				          <a class="dropdown-item" href="#">Something else here</a>
				        </div>
				      </li>
				      <li class="nav-item dropdown">
				        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				          BLOG
				        </a>
				        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
				          <a class="dropdown-item" href="#">Action</a>
				          <a class="dropdown-item" href="#">Another action</a>
				          <div class="dropdown-divider"></div>
				          <a class="dropdown-item" href="#">Something else here</a>
				        </div>
				      </li>
				    </ul>
				   	<a href="#" class="btn btn-success">UPGRADE TO PRO</a>
				  </div>
				</div>
			</nav>
		</div>
		<div class="banner">
			<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
			  <ol class="carousel-indicators">
			    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
			    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
			    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
			  </ol>
			  <div class="carousel-inner">
			    <div class="carousel-item active">
			      <img class="d-block w-100" src="images/banner.png" alt="First slide">
			      <div class="carousel-caption d-none d-md-block">
				    <h5>EAST TO CUSTOMIZE</h5>
				    <p>Readable code,well documented and FREE support</p>
				    <a href="#" class="btn btn-tran">LEARN MORE</a>
				  </div>
			    </div>
			    <div class="carousel-item">
			      <img class="d-block w-100" src="images/banner.png" alt="Second slide">
			      <div class="carousel-caption d-none d-md-block">
				    <h5>EAST TO CUSTOMIZE</h5>
				    <p>Readable code,well documented and FREE support</p>
				    <a href="#" class="btn btn-tran">LEARN MORE</a>
				  </div>
			    </div>
			    <div class="carousel-item">
			      <img class="d-block w-100" src="images/banner.png" alt="Third slide">
			      <div class="carousel-caption d-none d-md-block">
				    <h5>EAST TO CUSTOMIZE</h5>
				    <p>Readable code,well documented and FREE support</p>
				    <a href="#" class="btn btn-tran">LEARN MORE</a>
				  </div>
			    </div>
			  </div>
			  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
			    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			    <span class="sr-only">Previous</span>
			  </a>
			  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
			    <span class="carousel-control-next-icon" aria-hidden="true"></span>
			    <span class="sr-only">Next</span>
			  </a>
			</div>
		</div>
	</header>
	<div class="main">
		<div class="main-top">
			<div class="container">
				<div class="row">
					<div class="col-md-3 item">
						<div class="img">
							<img src="images/main-top1.png" alt="">
						</div>
						<p>STRONG STRUCTURE</p>
					</div>
					<div class="col-md-3 item">
						<div class="img">
							<img src="images/main-top2.png" alt="">
						</div>
						<p>GLOBAL SERVICES</p>
					</div>
					<div class="col-md-3 item">
						<div class="img">
							<img src="images/main-top3.png" alt="">
						</div>
						<p>DYNAMIC CHANGE</p>
					</div>
					<div class="col-md-3 item">
						<div class="img">
							<img src="images/main-top4.png" alt="">
						</div>
						<p>EXPONENTIAL GROWTH</p>
					</div>
				</div>
			</div>
		</div>
		<div class="know">
			<div class="container">
				<div class="row">
					<div class="col-sm-12 col-md-6">
						<h2 class="title-h2">KNOW BETTER<br>......</h2>
						<h3>Synergistcally procrastinate one-to-one results for accurate platforms.Assertively whiteboard coporate users whereas dynamic initiatives.</h3>
						<p>Energistically architect leading-edge users andinexpensive iternal or"organic" sources.Distinctively evolve e-business resources after progressive intellectual capital.Objectively acchitect maintainable technologies via strategic convergence.Continually ooptimize stand-alone expertise with e-business e-services.Continually conceptualize client-centered opportnities and.</p>
						<p>Dynamically customize backward-compatible processes via front-end models.Distintively evisculate an expanded array of scenarios after virtual information.Professionally predominate technically sound resources through impactful midshare,Effciently drive viral interfaces without inexpensize value.Credibly.</p>
					</div>
					<div class="col-sm-12 col-md-6">
						<img src="images/act-left.jpg" class="card-img-top" alt="">
					</div>
				</div>
			</div>
		</div>
		<div class="card-center">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<div class="card clearfix">
						    <div class="box-bg one">
						    	<img src="images/icon1.png" alt="">
						    </div>
						    <div class="txt">
							    <h5 class="card-title">GOAL ORIENTED</h5>
							    <p class="card-text">Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predorinate ubiquitous outsourcing through an expaned array of gunctionalities.</p>
						    </div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="card clearfix">
						    <div class="box-bg one">
						    	<img src="images/icon2.png" alt="">
						    </div>
						    <div class="txt">
							    <h5 class="card-title">GOAL ORIENTED</h5>
							    <p class="card-text">Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predorinate ubiquitous outsourcing through an expaned array of gunctionalities.</p>
						    </div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
						<div class="card clearfix">
						    <div class="box-bg one">
						    	<img src="images/icon3.png" alt="">
						    </div>
						    <div class="txt">
							    <h5 class="card-title">GOAL ORIENTED</h5>
							    <p class="card-text">Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predorinate ubiquitous outsourcing through an expaned array of gunctionalities.</p>
						    </div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="card clearfix">
						    <div class="box-bg one">
						    	<img src="images/icon4.png" alt="">
						    </div>
						    <div class="txt">
							    <h5 class="card-title">GOAL ORIENTED</h5>
							    <p class="card-text">Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predorinate ubiquitous outsourcing through an expaned array of gunctionalities.</p>
						    </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ultra text-center">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<img src="images/ultra.png" alt="">
						<h3>ULTRA RESPONSIVE</h3>
						<p>Phosfluorescently revolutionize viral leadership via turnkey technology.Synergisticall monetize intermandated strategic theme areas through multimedia based.</p>
						<span class="active">Responsive</span>
						<span>Easy to Customize</span>
						<span>Design</span>
						<span>Free Updates & Support</span>
					</div>
				</div>
			</div>
		</div>

		<div class="recent">
			<div class="container">
				<div class="clearfix">
					<h2 class="title-h2">RECENT WORKS<br>......</h2>
					<a href="#" class="btn">See all works</a>
				</div>
				<div class="row">
					<div class="col-md-4">
						<a href="#">
							<img src="images/recent1.jpg" class="card-img-top" alt="">
						</a>
					</div>
					<div class="col-md-4">
						<a href="#">
							<img src="images/recent2.jpg" class="card-img-top" alt="">
						</a>
					</div>
					<div class="col-md-4">
						<a href="#">
							<img src="images/recent3.jpg" class="card-img-top" alt="">
						</a>
					</div>
				</div>
			</div>
		</div>

		<div class="latest">
			<div class="container">
				<h2 class="title-h2">LATEST NEWS<br>......</h2>
				<div class="row">
					<div class="col-md-4">
						<img src="images/latest.jpg" class="card-img-top" alt="">
						<h3>In Demand:Collaboration Skill</h3>
						<p>Proactively engage orthogonal growth strategies withous resource-leveling testing procedures.Seamlessly predminate interoperable growth strategies.
						<span><time>23-02-2015</time>65 Comments</span>
						</p>
					</div>
					<div class="col-md-4">
						<div class="box">
							<img src="images/latest1.jpg" alt="">
							<div class="txt">
								<h4>Growth Strategies We Must K...</h4>
								<p>Proactively engage orthogonal growth strategies withous resource-leveling testing procedures.</p>
							</div>
						</div>
						<div class="box">
							<img src="images/latest2.jpg" alt="">
							<div class="txt">
								<h4>Growth Strategies We Must K...</h4>
								<p>Proactively engage orthogonal growth strategies withous resource-leveling testing procedures.</p>
							</div>
						</div>
						<div class="box">
							<img src="images/latest3.jpg" alt="">
							<div class="txt">
								<h4>Growth Strategies We Must K...</h4>
								<p>Proactively engage orthogonal growth strategies withous resource-leveling testing procedures.</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="box">
							<img src="images/latest4.jpg" alt="">
							<div class="txt">
								<h4>Growth Strategies We Must K...</h4>
								<p>Proactively engage orthogonal growth strategies withous resource-leveling testing procedures.</p>
							</div>
						</div>
						<div class="box">
							<img src="images/latest5.jpg" alt="">
							<div class="txt">
								<h4>Growth Strategies We Must K...</h4>
								<p>Proactively engage orthogonal growth strategies withous resource-leveling testing procedures.</p>
							</div>
						</div>
						<div class="box box-center">
							<a href="#">See all news →</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="icon-body">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-6">
						<img src="images/icon-1.png" alt="">
						<div class="txt">
							<h3>5200</h3>
							<p>SUBSCRIBERS</p>
						</div>
					</div>
					<div class="col-md-3 col-6">
						<img src="images/icon-2.png" alt="">
						<div class="txt">
							<h3>273</h3>
							<p>PROJECTS</p>
						</div>
					</div>
					<div class="col-md-3 col-6">
						<img src="images/icon-3.png" alt="">
						<div class="txt">
							<h3>640K</h3>
							<p>APPRECIATIONS</p>
						</div>
					</div>
					<div class="col-md-3 col-6">
						<img src="images/icon-4.png" alt="">
						<div class="txt">
							<h3>132</h3>
							<p>CLENTS</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="get">
			<div class="container clearfix">
				<h2>GET IN TOUCH</h2>
				<div class="txt">
					<span>Call us at(1800)765-4321 or</span>
					<a href="#" class="btn">
						CONTAACT US
					</a>
				</div>
			</div>
		</div>
	</div>
	<footer>
		More Templates - Collect from
	</footer>



	<script src="js/jquery-3.3.1.slim.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
</body>
</html>